<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>拼图游戏</title>
    <link rel="stylesheet" href="all.css">
    <script src="js/avalon.modern.1.5.min.js"></script>
    <script src="index.js"></script>
</head>
<body ms-controller="game">

<div style="width: 350px;margin: 0px auto">
    图片链接：
    <input type="text" ms-duplex="imgSrc">
    <button ms-click="pigMove(40)">打乱</button>
    <br>
    <span>步数：{{step}}</span>
    <span>耗时：{{costTime[0]}} 天 {{costTime[1]}} 小时 {{costTime[2]}} 分钟 {{costTime[3]}}秒 </span>
</div>




<!--游戏区域-->
<div class="box">
    <div ms-repeat="blocksNum" ms-class="block-{{el}}" ms-class-1="first:$index==0" ms-css-background-image='url({{imgSrc}})'>
        <!--{{el}}-->
    </div>

</div>

</body>
</html>